<template>
	<view class="l-fc l-fw" style="margin: 0 -6px;">
		<block v-if="list&&list.length>0">
			<view v-for="(item, index) in list" :key="index" class="c-bg-g2 o-mlr-s o-mt l-box c-of-h" style="width: 140rpx;height: 140rpx;">
				<image @click="$Function.PreviewImage(list,index)" class="w100" mode="widthFix" :src="item"></image>
			</view>
		</block>
	</view>
</template>

<script>
	export default{
		data() {
			return{}
		},
		props:{
			imgUrl: {
				type: String,
				default: ''
			}
		},
		computed:{
			list: function () {
				return this.imgUrl.split(',')
			}
		}
		
	}
</script>

<style>
</style>
